<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>果然FruitC</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <link rel="icon" type="image/png" href="../../theme/default/images/favicon.png">
		<link href="${ctx }/shop/css/amazeui.min.css" rel="stylesheet" type="text/css" />
		<link href="${ctx }/shop/css/style.css" rel="stylesheet" type="text/css" />
	</head>
	<body style="background: #f0f0f0;">
		<header data-am-widget="header" class="am-header am-header-default sq-head ">
			<div class="am-header-left am-header-nav">
				<a href="${ctx}/orderPage" class="">
					<i class="am-icon-chevron-left"></i>
				</a>
			</div>
			<h1 class="am-header-title">
  	            <a  class="">完成支付</a>
            </h1>
	    </header>
	    <div style="height: 49px;"></div>
	    <ul class="order-detail">
	    	<li><span>订单名称：</span>果然FruitC</li>
	       <li><span>订单编号：</span>${order.id}</li>
	       <li><span>订单总价：</span>￥${order.price_ }</li>
	    </ul>
	    <ul class="pay-style">
	   	    <li>
		   	 	<img src="${ctx }/shop/images/wei.png" width="50" /> 
		   	 	<span>
		   	 		<p>微信支付</p>
		   	 		<p class="descript">推荐安装微信5.0及以上版本的使用</p>
		   	 	</span>
		   	 	<label class="am-radio-inline">
				    <input type="radio" name="radio10" value="1" checked data-am-ucheck>
				 </label>
		   	</li>
	    </ul>
	    <input onclick="pay()"type="button" class="login-btn" value="确认支付">
	</body>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script type="text/javascript">
function pay(){
	wx.chooseWXPay({
		 appId: '${appId}',
	    timestamp: json.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
	    nonceStr: json.nonceStr, // 支付签名随机串，不长于 32 位
	    package: json.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
	    signType: 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
	    paySign: json.paySign, // 支付签名
	    success: function (res) {
	     	location.href="${ctx}/orderPage";
	        // 支付成功后的回调函数
	    }
		});
}
wx.config({
  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId: '${appId}', // 必填，公众号的唯一标识
  timestamp: '${timestamp}', // 必填，生成签名的时间戳
  nonceStr: '${nonceStr}', // 必填，生成签名的随机串
  signature: '${signature}',// 必填，签名，见附录1
  jsApiList: [
      'chooseWXPay'
  ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
   
});
var json = ${json};
wx.ready(function () {
	
})
</script>
<%@include file="../common/jsticket.jsp"%><!--静态包含-->  
</html>
